<template>
    <div>
        <b>书籍列表</b>
        <ul class="myul">
            <li v-for="(book,index) in books" :key="book.id">
            序号：{{ index+1 }},书籍名称:{{ book.name }}
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    props:["books"]
}
</script>
<style>
    .myul{
        padding: 0;
        margin: 0;
        text-align: left;
        list-style-type: none;
    }
</style>